.resume-template-base {
  position: absolute;
  padding: 0 60px;
  box-sizing: border-box;
  line-height: 2.3;
}


.html-render-wapper {
  overflow: hidden;

  .html-render {
    position: relative;
    transform-origin: left top;

    .calc-resume-template {
      &:extend(.resume-template-base);
      top: 100vh;
      left: 100vw;
    }

    .divider {
      height: 5px;
      background: #606060;
    }

    .resume-page-wrapper {
      position: relative;
      box-sizing: border-box;
      background: #fff;
      box-sizing: border-box;
      overflow: hidden;

      .mask {
        z-index: 100;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
      }

      .resume-page {
        position: relative;
        overflow: hidden;
        transform-origin: top left;

        .resume-template {
          &:extend(.resume-template-base);
          top: 0;
          left: 0;
        }
      }
    }
  }
}